*{
	margin: 0;
	padding: 0;
}
body{
	font-size: 12px;

	// 顶部区域
	#top{
		width: 1349px;
		height: 31px;
		border-bottom:1px solid #eeeeee; 
		// background: red;
		margin: 0 auto;
		#top_l{
			width: 1200px;
			height: 30px;
			margin: 0 auto;
			// background: pink;
			.top{
				float:right;
				list-style: none;
				.top0{
					height: 20px;
					border-right: 1px dashed #cccccc;
					margin-top: 5px;
					text-align: center;
					.top_a{
						.top_a1{
							width: 24px;
							height: 16px;
							// background: blue;
							float:left;
						}
						text-decoration: none;
						color: #666;
						
						line-height: 20px;
						&:hover{
							color: #ff6699;
						}

					}
				}
				.top1{
					width: 78px;
				}
				.top2{
					width: 111px;
				}
				.top3{
					width: 103px;
				}
				.top4{
					width:115px;
				}
				.top5{
					width: 55px;
				}
				.top6{
					width: 55px;
				}
				.top7{
					width: 97px;
				}
				.top8{
					width:101px;
				}
				.top1{
					border-right:none; 
					width: 78px;
				}
			}
		}
		
	}


	// banner区域
	#banner{
		width: 1349px;
		height: 120px;
		// background: pink;
		margin: 0 auto;
		#banner1{
			width: 1200px;
			height: 120px;
			// background: blue;
			margin: 0 auto;
			overflow: hidden;
			.banner1{
				width: 204px;
				height: 52px;
				margin-top:35px; 
				float: left;
			}
			.banner2{
				width: 525px;
				height:70px;
				// background: red;
				margin: 0 auto;	
				margin-top:15px;
				margin-left:380px; 
				.banner_t{
					a{
						text-align: center;
						.banner_ts1{
							display: inline-block;
							line-height: 24px;
							width: 56px;
							height: 24px;
							background: #ff6699;
							color: white;
						}
						.banner_ts2{
							display: inline-block;
							width: 56px;
							height: 24px;
							line-height: 24px;
							background:#f2f2f2;
							margin-left: -5px;
							color:#999;
						}
					}

				} 
				.banner_c{
					.input{
						display: inline-block;
						width: 449px;
						height: 32px;
						border: 2px solid #ff6699;
						margin-top:-3px;
					} 
					button{
						display: inline-block;
						width: 70px;
						height: 36px;
						border: 2px solid #ff6699;
						background: #ff6699;
						margin-top:-3px;
					}
				}
				.banner_b{
					width: 524px;
					height: 26px;
					// background: red;
					overflow: hidden;
					ul{ 
						margin-top:12px;
						li{
							float: left;
							list-style: none;
							width: 44px;
							height: 14px;
							a{
								text-decoration: none;
								color: #666666;
								&:hover{
									color: #ff6699;
								}
							}
						// background: blue;
						
						// .banner_ba2{
						// 	width: 32px;
						// 	height: 14px;
						// 	background: blue;
						}
						
					}
				}		
			}
		}
	

	}



	// 分类区域
	#kind{
		width: 1349px;
		height: 50px;
		margin: 0 auto;
		// background: pink;
		border-bottom: 1px solid #f69;
		// overflow: hidden;
		#kind1{
			width: 1200px;
			height: 50px;
			margin: 0 auto;
			li{
				float: left;
				list-style: none;
				width: 59px;
				height:49px ;
				// padding: 0 15px;
				margin-right: 12px;
				// border: 1px solid blue;
				line-height: 50px;
				text-align: center;
				&:hover{
					 border-bottom:2px solid #ff6699;
				}
				&:hover .kind_d a{
					color: #ff6699;
				}
				.kind_d{
					a{
						font-weight: bolder;
						text-decoration: none;
						color:#333333;
						font-size: 14px;
					}
				}
			}
			.kind_l{
				width: 120px;
				height:49px ;
				margin-left: -13px;
				position: relative;
				&:hover .kind_d2{
					display: block;

				}
				.kind_d1{
					position: relative;
					z-index:11;
					a{
						font-weight: bolder;
						text-decoration: none;
						color: #666666;
						font-size: 14px;
					}

				}
				.kind_d2{
					width: 122px;
					height:211px;
					background:white;
					display: none;
					position: relative;
					z-index: 10;
					top:-2px;
					// overflow: hidden;
					border: 1px solid #eee;
					border-top: none;
					.kind_u1{
						li{
							height:30px;
							line-height:30px;
							width: 100%;
							text-align: center;
							&:hover{
								background: #ccc;
								border-bottom: none;
							}
							&:hover a{
							color: #f69;
							}
							a{
								font-size: 14px;
								text-decoration: none;
								color:#333;
							}
						}
					}
				}
			}
			.kind_l1{
				margin-left:-36px;
				color: #666;
				font-size: 14px;
				&:hover{
					border-bottom: none;
				}
			}

			
			
		}
	}
// 列表区域
	#list{
		width: 1200px;
		height: 574px;
		// background: pink;
		margin: 0 auto;
		#list_l{
			width: 240px;
			height: 574px;
			border: 1px solid #e6e6e6;
			// border-top:none; 
			float: left;
				// background: blue;
			#list_ld{
				width: 240px;
				height: 113px;
				position: relative;
				z-index: 2;
				border-bottom: 1px solid transparent;
				border-top: 1px solid transparent;
				// &:hover{
					border-bottom: 1px solid #e6e6e6;
					border-top: 1px solid #e6e6e6;
				// }
				&:hover #list_lt #list_h{
						display: block;
				}
				&:hover #list_lt{
					border-top: 1px solid transparent;
					// border-bottom: 1px solid transparent;
				}
				#list_lt{
					list-style: none;
					width: 198px;
					height: 114px;
					// background: pink
					margin: 0 auto;
					margin-top:-1px; 
					float: left;
					margin-left: 21px;
					border-top: 1px dashed #e6e6e6;
					z-index: 5;
					// overflow: hidden;
					.list_l1{
						width: 198px;
						height: 18px;
						// background:#ccc ;
						padding-top:8px;
						a{
							text-decoration: none;
							color: #f69;
						} 
					}
					.list_l2{
						width: 190px;
						height: 77px;
						// background:#ccc ;
						padding-top:8px;
						float: left;
						a{	
							line-height: 24px;
							margin-right: 14px;
							text-decoration: none;
							color: #666666;
							&:hover{
								color: #f69;
							}
						}	
					}
					.list_l3{
						width: 7px;
						height: 16px;
						float: left;
						margin-top:22px;

					}
					#list_h{
						width: 356px;
						height: 113px;
						border: 1px solid #e6e6e6;
						background: white;
						float: left;
						display: none;
						position: relative;
						z-index: 3px;
						top:-111px;
						left:197px;
						#list_hlt{
							list-style: none;
							width: 330px;
							height: 113px;
							margin: 0 auto;
							float: left;
							margin-left: 21px;
							.list_l1{
								width: 330px;
								height: 18px;
								padding-top:8px;
								a{
									text-decoration: none;
									color: #f69;
								} 
							}
							.list_hl2{
								width: 330px;
								height: 77px;
								// background:#ccc ;
								padding-top:8px;
								float: left;
								a{	
									line-height: 24px;
									margin-right: 14px;
									text-decoration: none;
									color: #666666;
									&:hover{
										color: #f69;
									}
								}
							}	
						}
					}
				}
			}
		}
		#list_r{
			width: 958px;
			height: 419px;
			background:blue;
			float: right;
			#img{
				width: 958px;
				height: 419px;
				margin: 0 auto;
				position:relative;
				// z-index: 1;
				/*border: 1px solid red;*/
				img{
					width: 958px;
					height: 419px;
					position: absolute;
					top: 0px;
					left:0px;
					display: none;
					&:nth-child(1){
						display: block;
					}
				}
				#ul{
					width: 300px;
					height: 30px;
					/*border: 1px solid black;*/
					position: absolute;
					top: 374px;
					left: 417px;
					z-index:3;
					li{
						list-style:none;
						width: 20px;
						height: 20px;
						background:#A1A1A1;
						border:1px solid #A1A1A1;
						opacity: 0.5;
						border-radius: 50%;
						margin-left: 10px;
						float: left;
						cursor: pointer;
						&:hover{
							background: white;
						}
					}
				}
				#list_z{
					img{
						width: 30px;
						height: 30px;
						border: 1px solid black;
						position: absolute;
						top: 172px;
						left: 0px;
						z-index:3;
						&:hover{
							background: white;
						}
					}
				}
				#list_y{
					img{
						width: 30px;
						height: 30px;
						border: 1px solid black;
						position: absolute;
						top: 172px;
						left:926px;
						z-index:10;
						&:hover{
							background: white;
						}
					}
				}
			}
			
			#list_b{
				width: 960px;
				height: 145px;
				// background: pink;
				margin-top: 12px;
				.list_b1{
					width: 182px;
					height: 145px;
					margin-left: 10px;
					list-style: none;
					float: left;
				}

			}
		}
		
	}
	//模块区域
	#model{
		width: 1200px;
		height: 271px;
		// background: pink;
		margin: 0 auto;
		margin-top:50px; 
		#model_t{
			width: 1200px;
			height: 21px;
			// background: blue;
			.model_tl{
				float: left;
				width: 197px;
				height: 23px;
				// border: 1px solid red;
				h2{
					display: inline-block;
					color: #666666;
				}
				span{
					color: #999999;
				}
			}
			.model_t2{
				width: 1000px;
				height: 21px;
				float: left;
				border-bottom: 1px solid #ededed;
			}
		}
		#model_c{
			width: 1200px;
			height: 228px;
			margin-top:20px; 
			// border: 1px solid red;
			img{
				width: 183px;
				height: 228px;
				margin-right:5px; 
				padding-left:7px; 
			}
		}
	}
	#model1{
		width: 1200px;
		height:440px;
		// background: pink;
		margin: 0 auto;
		margin-top:30px; 
		#model_t{
			width: 1200px;
			height: 21px;
			// background: blue;
			.model_tl{
				float: left;
				width: 197px;
				height: 21px;
				// border: 1px solid red;
				h2{
					display: inline-block;
					color: #666666;
				}
				span{
					color: #999999;
				}
			}
			.model_t2{
				width: 1000px;
				height: 21px;
				float: left;
				border-bottom: 1px solid #ededed;
			}
		}
		#model_c{
			display: inline-block;
			width: 230px;
			height:400px;
			margin-top: 10px;
			// border: 1px solid red;
			.model_ct img{
				width: 224px;
				height: 340px;
				margin-right:4px; 
				padding-left:7px; 
			}
			.model_cc{
				width: 224px;
				height: 22px;
				// background: pink;
				margin-top: 5px;
				margin-right:4px; 
				padding-left:7px; 
				.model_cc1{
					color: #f69;
					font-size: 18px;
					float: left;
				}
				.model_cc2{
					float: right;
					color: #999;
				}
			}
			.model_cb{

				width: 224px;
				height: 20px;
				// background: pink;
				margin-right:4px; 
				padding-left:7px; 
				a{
					text-decoration: none;
					color:#666666;
				}
			}
		}
	}
		// 友情链接
		#link{
			width: 1200px;
			height: 31px;
			border:1px solid #999;
			border-right: none;
			border-left: none;
			margin:0 auto;
			margin-top: 30px;
			line-height: 31px;

			span{
				color: #666666;
				float: left;
			}
			ul{
				float: left;
				li{
					list-style: none;
					a{
						text-decoration: none;
						color: #666;
						margin-right: 10px;
						&:hover{
							color:#f69;
						}
					}
				}
			}
			#link_r{
				width: 38px;
				height: 20px;
				float: right;
				a{
					text-decoration: none;
					color: #666;
					&:hover{
						color:#f69;
					}
				}
			}
		}
		// 站点配置
		#web{
			width: 1200px;
			height: 70px;
			margin:0 auto;
			// border:1px solid #999;
			line-height: 70px;
			span{
				color: #666;
			}
			a{
				text-decoration: none;
				color: #666;
				&:hover{
					color:#f69;
				}
			}

	}	
	
	#js_dv{
		width: 100%;
		height: 50px;
		background:white;
		display: none;
		position: fixed;
		z-index: 6;
	}
}
